<!DOCTYPE html>
<html>
<head>
<base href="${basePath}">
<meta charset="UTF-8">
<title>班级会员信息</title>
$!{include("import_js_css.html")}
</head>
<body>
	$!{include("header.html")}
	<div class="container" style="width: 1300px;">
		<div class="panel panel-info">
			${include("member_Class_header.html")}
			<div id="div_result_member" style="padding: 15px;">
				<div class="panel panel-info">
					<ul class="nav nav-tabs nav-justified"
						style="background-color: #D0D0D0;">
						<li><a href="findAllClass.jhtml?classId=${classId}">基本信息</a></li>
						<li class="active"><a >会员信息</a></li>
						<li><a href="seachMember_Chedule.jhtml?classId=${classId}">班级课程</a></li>
						<li><a href="#">....</a></li>
						<li><a href="#">....</a></li>
						<li><a href="#">....</a></li>
						<li><a href="#">....</a></li>
						<li><a href="#">....</a></li>
					</ul>
					<div id="div_result_member" style="padding: 15px;">
						<!--#var(Member member, PaginatedList<Member> members)-->
						<table class="table table-bordered table-hover table-condensed">
							<tbody>
								<tr class="active">
								<!-- 	<th style="text-align: center;background-color:#B3D9D9;" width="5%"><input
										type="checkbox" onclick="selectAll()" name="controlAll" id="controlAll"></th> -->
									<th style="text-align: center;background-color:#B3D9D9;" width="10%">会员编号</th>
									<th style="text-align: center;background-color:#B3D9D9;" width="10%">姓名</th>
									<th style="text-align: center;background-color:#B3D9D9;" width="10%">英文名</th>
									<th style="text-align: center;background-color:#B3D9D9;" width="8%">会员等级</th>
									<th style="text-align: center;background-color:#B3D9D9;" width="13%">邮箱</th>
									<th style="text-align: center;background-color:#B3D9D9;" width="10%">电话</th>
									<th style="text-align: center;background-color:#B3D9D9;" width="10%">手机号</th>
									<th style="text-align: center;background-color:#B3D9D9;" width="10%">工作单位</th>
									<th style="text-align: center;background-color:#B3D9D9;" width="7%">卡内余额</th>
									<th style="text-align: center;background-color:#B3D9D9;" width="7%">积分</th>
								</tr>
							</tbody>
							<tbody>
								<!--#foreach(member in members)-->
								<tr>
									
									<!-- <td align="center"><input type="checkbox" name="selected" value="${member.memberid}"></td> -->
									<td align="center"><a href="toMemberDetail.jhtml?id=${member.memberid}">${member.cardnumber}</a></td>
									<td align="center">${member.name}</td>
									<td align="center">${member.nameEn}</td>
									<td align="center">${member.level.levelName}</td>
									<td align="center">${member.email}</td>
									<td align="center">${member.tel}</td>
									<td align="center">${member.phone}</td>
									<td align="center">${member.company}</td>
									<td align="center">${member.remaining.remaining}</td>
									<td align="center">${member.remaining.score}</td>
								<tr>
									<!--#end-->
							</tbody>
						</table>
						<div class="container table-responsive" style="margin-left: -5px;">
							<!--
								#set(
								pager = members.pager,
								totalResults = pager.getCountOfTotalResults(),
								totalPages = pager.getCountOfTotalPages() * 1,
								pageSize = pager.pageSize,
								pageNo = pager.pageNo,
								prePageNo = pager.prevPageNo,
								nextPageNo =  pager.nextPageNo,
								m =0,
								n =0
								)
								-->
							<ul class="pagination">
								<!-- #if(pageNo==1) -->
									<li class="disabled"><a class="disabled">&laquo;</a></li>
								<!-- #else -->
									<li><a href="searchMember_Class.jhtml?pageNo=${prePageNo}">&laquo;</a></li>
								<!-- #end -->
								<!-- #for(i : 1..totalPages) -->
									<!-- #if(i== pageNo) -->
										<li class="disabled"><a href="searchMember_Class.jhtml?pageNo=${i}">${i}</a></li>
									<!-- #else -->
										<!-- #if((i gt pageNo-3)&&(i lt pageNo+3))-->
											<li class=""><a href="searchMember_Class.jhtml?pageNo=${i}">${i}</a></li>
										<!-- #else -->
											<!-- #if(pageNo-3 gt i)-->
												 <!-- #if(i==1) -->
												 	<li><a href="searchMember_Class.jhtml?pageNo=${i}">${i}</a></li>
												 <!-- #else -->
												 	 <!-- #if(n==0) -->
						                            	<li><a>...</a></li>
						                            	<!--#set(n = 1)-->
						                        	<!-- #end -->
												 <!-- #end -->
											<!-- #else -->
												<!-- #if(i gt totalPages -2) -->
						                    		<li><a href="searchMember_Class.jhtml?pageNo=${i}">${i}</a></li>
						               			 <!-- #else -->
						               			 	<!-- #if(m==0)-->
						                       			<li><a>...</a></li>
						                       		 	<!--#set(m = 1)-->
						                   			 <!-- #end -->
						               			 <!-- #end -->
											<!-- #end -->
										<!-- #end -->
									<!-- #end -->	
								<!-- #end -->
								<!-- #if(pageNo==totalPages) -->
									<li class="disabled"><a class="disabled">&raquo;</a></li>
								<!-- #else -->
									<li><a href="searchMember_Class.jhtml?pageNo=${nextPageNo}">&raquo;</a></li>
								<!-- #end -->
								<li><a>第${pageNo}-${totalPages}页/${totalResults}条</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
</body>
</html>
<script type="text/javascript">
function selectAll(){
	var checklist = document.getElementsByName("selected");
	if(document.getElementById("controlAll").checked)
	{
		for(var i=0;i<checklist.length;i++)
		{
			checklist[i].checked = 1;
		} 
	}else{
		for(var j=0;j<checklist.length;j++)
		{
			checklist[j].checked = 0;
		}
	}
}
function findMember(){
	var member = document.getElementsByName("selected");
	var id="";
	var count=0;
	for(var i=0;i<member.length;i++)
	{
		if(member[i].checked){
			id=id+member[i].value;
			count++;
		}
	}
	if(count==1){
		window.location.href="toMemberDetail.jhtml?id="+id;
	}else{
		alert("请选择一行进行编辑");
	}
}
</script>
